1. Introduction à l’UX/UI Design et Méthodologie
Découvrez les bases de l’expérience utilisateur et du design d’interface.
Comprendre les fondamentaux de l’UX/UI
Identifier les besoins des utilisateurs et les principes d’ergonomie
Appliquer une méthodologie de conception efficace
Différences entre UX (User Experience) et UI (User Interface)
Les principes de design centrés utilisateur
Parcours utilisateur et personas
Accessibilité et ergonomie des interfaces
Méthodes de recherche utilisateur et tests d’usabilité
2. Wireframing et Prototypage avec Figma
Apprenez à concevoir des maquettes interactives et à structurer vos projets.
Créer des wireframes pour organiser l’information
Développer des prototypes interactifs et tester la navigation
Maîtriser les fonctionnalités avancées de Figma
Création de wireframes basse et haute fidélité
Utilisation des composants et styles globaux
Prototypage interactif et navigation entre pages
Collaboration et retours en temps réel avec les équipes
Exportation et partage de prototypes
3. Web Design et Création d’Interfaces Esthétiques
Optimisez l’apparence et l’expérience utilisateur de vos interfaces.
Concevoir des interfaces modernes et attrayantes
Travailler sur la cohérence visuelle d’un projet
Intégrer des éléments interactifs et animations UI
Principes de design responsive et mobile-first
Choix des couleurs et typographies adaptées au web
Création de systèmes de design (Design System)
Animation et micro-interactions pour améliorer l’expérience utilisateur
Utilisation des grilles et règles de mise en page
4. Intégration Web et Développement No-Code avec Webflow
Créez un site web fonctionnel sans coder grâce à Webflow.
Apprendre les bases du HTML et du CSS
Structurer une page web et ajouter des animations
Publier un site web interactif et optimisé
Interface et fonctionnalités de Webflow
Création et personnalisation de pages dynamiques
Intégration d’animations et interactions avancées
Optimisation SEO et responsivité
Hébergement et publication d’un site web
5. Création d’Assets Graphiques pour le Web
Utilisez Photoshop et Illustrator pour concevoir des visuels adaptés aux interfaces numériques.
Optimiser les images et icônes pour le web
Créer des illustrations et éléments visuels cohérents
Adapter les visuels aux différents écrans et formats
Retouche et compression des images pour la performance web
Création d’icônes et illustrations vectorielles
Optimisation des images pour le responsive design
Exportation des assets en SVG, PNG et WebP
Intégration de visuels et animations dans Webflow et Figma
6. Test, Optimisation et Accessibilité Web
Améliorez l’accessibilité et la performance de vos interfaces digitales.
Tester l’efficacité d’une interface et optimiser l’expérience utilisateur
S’assurer du respect des normes d’accessibilité web
Améliorer la rapidité et la compatibilité des sites web
Outils de tests UX (Google Lighthouse, Hotjar, A/B testing)
Vérification des contrastes et conformité aux normes WCAG
Optimisation du chargement des pages et des ressources
Amélioration des interactions pour une navigation fluide
Ajustements SEO pour une meilleure indexation
7. Présentation et Valorisation des Projets UX/UI
Apprenez à documenter et présenter vos projets pour un portfolio attractif.
Construire un portfolio UX/UI percutant
Présenter ses projets de manière professionnelle
Structurer un cas d’étude UX pour convaincre les recruteurs
Création de mockups et mises en situation réalistes
Structuration d’un portfolio (Behance, Dribbble, Notion)
Techniques de storytelling et présentation de projets
Argumentation et défense des choix UX/UI
Bonnes pratiques pour une candidature efficace
.webp)
.webp)
